<?php
session_start();
 
require_once "../includes/config.php";
 
/*
|--------------------------------------------------------------------------
| Admin Security
|--------------------------------------------------------------------------
*/
 
if (!isset($_SESSION['admin_id'])) {
    header("Location: ../login.php");
    exit();
}
 
?>
 
<!DOCTYPE html>
<html lang="en">
 
<head>
 
<meta charset="UTF-8">
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<title>Admin Dashboard</title>
 
<link rel="stylesheet" href="../css/style.css">
 
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 
</head>
 
<body>
 
<div class="admin-container">
 
    <aside class="sidebar">
 
        <h2>Luxe Hair Studio</h2>
 
        <ul>
 
            <li><a href="dashboard.php">🏠 Dashboard</a></li>
 
            <li><a href="bookings.php">📅 Bookings</a></li>
 
            <li><a href="services.php">✂ Services</a></li>
 
            <li><a href="customers.php">👥 Customers</a></li>
 
            <li><a href="messages.php">📧 Messages</a></li>
 
            <li><a href="logout.php">🚪 Logout</a></li>
 
        </ul>
 
    </aside>
 
    <main class="content">
 
        <header class="topbar">
 
            <h1>Dashboard</h1>
 
            <p>Welcome back, Administrator.</p>
 
        </header>
 
        <section class="cards">
 
            <div class="card">
 
                <h3>Total Bookings</h3>
 
                <h1>54</h1>
 
            </div>
 
            <div class="card">
 
                <h3>Today's Bookings</h3>
 
                <h1>6</h1>
 
            </div>
 
            <div class="card">
 
                <h3>Services</h3>
 
                <h1>12</h1>
 
            </div>
 
            <div class="card">
 
                <h3>Messages</h3>
 
                <h1>8</h1>
 
            </div>
 
        </section>
 
        <section class="table-section">
 
            <h2>Recent Appointments</h2>
 
            <table>
 
                <thead>
 
                    <tr>
 
                        <th>Name</th>
 
                        <th>Service</th>
 
                        <th>Date</th>
 
                        <th>Status</th>
 
                    </tr>
 
                </thead>
 
                <tbody>
 
                    <tr>
 
                        <td>Jane Smith</td>
 
                        <td>Hair Colour</td>
 
                        <td>12 Aug 2026</td>
 
                        <td>Confirmed</td>
 
                    </tr>
 
                    <tr>
 
                        <td>Sarah Jones</td>
 
                        <td>Cut & Finish</td>
 
                        <td>12 Aug 2026</td>
 
                        <td>Pending</td>
 
                    </tr>
 
                    <tr>
 
                        <td>Emma Brown</td>
 
                        <td>Balayage</td>
 
                        <td>13 Aug 2026</td>
 
                        <td>Confirmed</td>
 
                    </tr>
 
                </tbody>
 
            </table>
 
        </section>
 
    </main>
 
</div>
 
</body>
 
</html>